<template>
    <div class="task-item-header">
            <!-- 头像 -->
            <img @click="info" class="student-portrait" id="my-portrait" :src="obj.userlogo">
            <!-- 昵称、时间 -->
            <div class="namebox">
                <div class="student-name" id="my_nickname">{{obj.nickname}}</div>
                <div class="task-time-box">
                    <img class="time-icon" src="http://www.yxkth5.com/static/write_hp/common/images/daka.png">
                    <div class="">已打卡<span class="number-days" id="my-days">{{obj.num}}</span>天</div>
                </div>
            </div>
    </div>
</template>

<script>
export default {
  name: 'user',
  props: {
    obj: Object,
  },
  mounted(){

  },
  methods:{ 
      info(){

      }
  }
}
</script>

<style scoped lang="less">
.task-item-header{
    padding: 5px;
    height: 50px;
    text-align: left;
    // background-color: ;
}
.namebox{
    display: inline-block;
}
.student-portrait {
    display: inline-block;
    vertical-align: bottom;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #eee;
}
.student-name {
    color: #464646;
    font-size: 0.28px;
    font-weight: 600;
    margin-bottom: 0.10px;
}
.task-time-box {
    color: #2c2c2c;
    font-size: 0.20px;
    display: flex;
    align-items: center;
}
.time-icon {
    display: block;
    width: 0.30px;
    height: 0.25px;
    margin-right: 0.06px;
}
.number-days {
    color: #07ddc1;
}
</style>
